@import "./reset.scss";
@import "./global.scss";

.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
  }

.ellipsis-1 {
    @include ellipsis;
    -webkit-line-clamp: 1;
}

.ellipsis-2 {
    @include ellipsis;
}

.ellipsis-3 {
    @include ellipsis;
    -webkit-line-clamp: 3;
}

.refresh {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: $color_primary;

    &:hover {
        cursor: pointer;
    }
}

// 间距
@for $i from 1 to 11 {
    $num : 4*$i;
    .p#{$num} { padding: 0px + $num; }
    .pt#{$num} { padding-top: 0px + $num; }
    .pb#{$num} { padding-bottom: 0px + $num; }
    .pl#{$num} { padding-left: 0px + $num; }
    .pr#{$num}{ padding-right: 0px + $num; }
    .pv#{$num} { padding-top: 0px + $num; padding-bottom: 0px + $num; }
    .ph#{$num} { padding-left: 0px + $num;padding-right: 0px + $num; }
    .m#{$num} { margin: 0px + $num; }
    .mt#{$num} { margin-top: 0px + $num; }
    .mb#{$num} { margin-bottom: 0px + $num; }
    .ml#{$num} { margin-left: 0px + $num; }
    .mr#{$num}{ margin-right: 0px + $num; }
    .mv#{$num} { margin-top: 0px + $num; margin-bottom: 0px + $num; }
    .mh#{$num} { margin-left: 0px + $num;margin-right: 0px + $num; }
}
.pt60 {
    padding-top: 60px;
  }
.width100{
    width: 100%;
}
.height100{
    height: 100%;
}
.positionRe{
    position: relative;
}
.positionAb{
    position: absolute;
}
/* flex布局 */
.u-f,
.u-f-ac,
.u-f-ajc {
	display: flex;
}

.u-f-ac,
.u-f-ajc {
	align-items: center;
}

.u-f-ajc {
	justify-content: center;
}
.u-f-jsa{
  justify-content: space-around;
}
.u-f-jsb {
	justify-content: space-between;
}

.u-f-fdc{
  flex-direction: column;
}
.u-jcfe{
  justify-content: flex-end;
}
.u-f-jse{
  justify-content: space-evenly;
}
.u-f-wrap{
  flex-wrap: wrap;
}
.flex1{
  flex: 1;
}
/* 文字 */
.ts{
    text-align: start;
}
.tc{
    text-align: center;
}
.fb{
    font-weight: 600;
}
.ft16{
    font-size: 16px;
}
.ft13{
    font-size: 13px;
}
.ft24 {
	font-size: .32rem !important;
}
.ft26 {
	font-size: .346667rem !important;
}
.ft28 {
	font-size: .373333rem;
}
.ft32{
    font-size: .426667rem;
}
.ft40 {
    font-size: 0.533333rem;
  }
/* 文字颜色 */
.color525{
    color: $color_525;
}
.color99{
    color: $color_99;
}
.colorPrimary{
    color: $color_primary !important;
}
.color33{
    color: #333333;
}
.color66{
    color:$color_66;
}
.colorGrey{
    color:$color_grey;
}
.colorRed{
    color: $color_red;
}
/* 边框 */
.borderTop10 {
	border-top: .133333rem solid #F6F6F6;
}
.border-bt{
    border-bottom: 1px solid rgba(0, 0, 0, 0.06)
  }

  .br4 {
    border-radius: 4px;
  }
/* 背景 */
.backgroundWhite{
    background-color: #FFFFFF;
}
body{
    background-color: $color_global7fb;
}
/* 图片填充 */
.contain{
    object-fit: contain;
}
.cover{
    object-fit: cover;
}
/* 文字前小线 */
.line {
    width: 0.08rem;
    height: 0.426667rem;
    background-color: $color_primary;
    border-radius: 0px 2px 2px 0px;
  }
// 表单自定义label文本内容两端对齐
.van-field__label{
    text-align: justify;
    text-align-last: justify;
}
.bgimg{
    @include imgBox(100%,5.44rem)
}
